<%-- 
    Document   : db4
    Created on : 2014/8/19, 下午 01:26:16
    Author     : Felix
--%>

<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.Statement"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
        Class.forName("com.mysql.jdbc.Driver");//載入驅動程式類別
        Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/javadb","root","root");//取得connection實作物件，是資料庫連線代表物件
        Statement st = con.createStatement();//sql陳述的代表物件，使用此語法來建立
        //String sql="insert into person(username,tel,birthday) values('Tom','02-222222','2050/01/01')";
        String sql="select id, username, tel, birthday from person";//sql查詢資料庫資料語法
        
    %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <h1>Hello List!</h1>
        <table border="1"><!--把資料庫的資料放入html語法的表格-->
            <tr>
                <td>id</td><td>username</td><td>tel</td><td>birthday</td><td></td>
            </tr>                
        <%
            ResultSet rs = st.executeQuery(sql);//要把要顯示的資料庫資料的語法放入此ResultSet介面
            while(rs.next())//逐一把游標往下移動每個欄位抓出資料
            {
                String id = rs.getString("id");//設定變數並把輸入的每項欄位資料指定給變數
                String username = rs.getString("username");
                String tel = rs.getString("tel");
                String birthday = rs.getString("birthday");
          %>
                
               <tr>
                   <td><%=id%></td>
                   <td><%=username%></td>
                   <td><%=tel%></td>
                   <td><%=birthday%></td>
                   <td><a href="update1.jsp?id=<%=id%>">更新</a><input type="button" value="刪除" onclick="doDelete(<%=id%>)"></td>
               </tr>  <!--以上連結在update1.jsp後加上?=<%=id%> 傳送id的值給update1.jsp-->
        <%
                }
            rs.close();//使用完須關閉
            st.close();
            con.close();
            
        %>
        </table>
        <script>
            function doDelete(x){
               // alert('x:'+x);
               if(confirm('是否刪除')){//加上comifrm會跳出視窗詢問使用者是否刪除
                    document.getElementById('id').value=x;//抓下面表單的的id並設定值
                    document.getElementById('form1').submit();
                }
            }
        </script>
        <form action="delete.jsp" id="form1">
            <input type="hidden" name="id" id="id" value="">
        </form>
    </body>
</html>
